<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
     <h:form id="frmList" ajaxSubmit="false">
      	<p:growl id="msgSystem" showDetail="false" life="4000" escape="true"/>   
  		<p:toolbar> 
  		
  			<p:toolbarGroup align="left"> 
	    		<p:spacer width="6px"/>
	    		<p:outputLabel for="txtPrf" value="Profesión" style="position:relative;  top:-6px;"/>
		   		<p:selectOneMenu id="txtPrf" value="#{marcoItinerario.profesion}" style="position:relative;  top:3px; left:15px; width:500px">
		   			<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
					<f:selectItems value="#{marcoItinerario.profesionList}" var="lstPrf" itemValue="#{lstPrf.id}" itemLabel="#{lstPrf.nombre}"/>
					<p:ajax event="change" update=":frmList" listener="#{marcoItinerario.defaultList}"/>
				</p:selectOneMenu>
			</p:toolbarGroup>
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
      	<p:dataTable id="esquemaList" var="item" value="#{marcoItinerario.beanList}" rendered="#{marcoItinerario.profesion ne -1}" 
	   		emptyMessage="#{constante.LIST_EMPTY}" scrollable="true">
	     		
     		<f:facet name="header">
				<h:outputText value="UNIDADES DIDÁCTICAS" />  
			</f:facet>
		
     		<p:column headerText="Módulo" style="width:20%; align:center;" sortBy="#{item.nombreModulo}">   
				<h:outputText value="#{item.nombreModulo}" title="#{item.nombreModulo}"/>					  
			</p:column>	
			
			<p:column headerText="Unidad Didáctica" style="width:63%; align:center;">   
				<h:outputText value="#{item.titulo}" title="#{item.titulo}: #{item.descripcion}"/>					  
			</p:column>
			
			<p:column headerText="Sem" style="width:4%; align:center;" sortBy="#{item.semestre}">   
				<h:outputText value="#{item.semestre}" title="Semestre Nro: #{item.semestre}"/>					  
			</p:column>
			
			<p:column headerText="Hrs" style="width:4%; align:center;" sortBy="#{item.horasSemestre}">   
				<h:outputText value="#{item.horasSemestre}" title="Horas por Semestre: #{item.horasSemestre}"/>					  
			</p:column>
			
			<p:column headerText="Cred" style="width:4%; align:center;" sortBy="#{item.creditos}">   
				<h:outputText value="#{item.creditos}" title="Créditos: #{item.creditos}"/>
			</p:column>
			
			<p:column headerText="Hrs UD" style="width:5%; align:center;" sortBy="#{item.horasTotal}">   
				<h:outputText value="#{item.horasTotal}" title="Horas por Unidad Didáctica: #{item.horasTotal}"/>
			</p:column>
			
			
        	<p:columnGroup type="footer">  
        	<p:row>  
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" /> 
            </p:row> 
        	<p:row>  
        		<p:column colspan="3" footerText="Totales por Módulos Profesionales:" style="text-align:right"/>
                <p:column footerText="#{marcoItinerario.totalHorasSemestreP}" />  
                <p:column footerText="#{marcoItinerario.totalCreditosP}" />
                <p:column footerText="#{marcoItinerario.totalHorasP}" /> 
            </p:row> 
            <p:row>  
                <p:column colspan="3" footerText="Totales por Módulos Transversales:" style="text-align:right"/>
                <p:column footerText="#{marcoItinerario.totalHorasSemestreT}" />  
                <p:column footerText="#{marcoItinerario.totalCreditosT}" />
                <p:column footerText="#{marcoItinerario.totalHorasT}" /> 
            </p:row>
            <p:row>  
                <p:column colspan="3" footerText="Totales:" style="text-align:right"/>
                <p:column footerText="#{marcoItinerario.totalHorasSemestre}" />  
                <p:column footerText="#{marcoItinerario.totalCreditos}" />
                <p:column footerText="#{marcoItinerario.totalHoras}" /> 
            </p:row>  
        	</p:columnGroup>  
	        	      	        
		</p:dataTable> 
     </h:form>
  	
    </ui:define>
</ui:composition>